<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>按钮样式</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        body {
            padding: 20px;
        }

    </style>
</head>
<body>
<!--默认样式-->
<input type="button" class="btn btn-default btn-lg" value="default(灰色)大型"/>
<!--提供视觉加重，深蓝色-->
<input type="button" class="btn btn-primary " value="primary(深蓝色) 默认大小"/>
<!--表示成功或正使用的按钮，绿色-->
<input type="button" class="btn btn-success btn-sm" value="success(绿色)小型"/>
<!--表示提示信息,天蓝色-->
<input type="button" class="btn btn-info btn-xs" value="info(天蓝色)超小型"/>
<!--警告 橙色-->
<input type="button" class="btn btn-warning" value="warning(黄色)"/>
<!--危险,红色-->
<input type="button" class="btn btn-danger" value="danger(红色)"/>
<!--看起来像链接一样-->
<input type="button" class="btn btn-link" value="link(链接)"/>


</body>
</html>